<template>
  <div>
    <div class="flex nav">
      <img class="logo" src="@/assets/logo.png" />
      <h2 class="flex-1 title">师道集团数字资源系统</h2>
      <el-menu mode="horizontal" background-color="#545c64" text-color="#999" active-text-color="#fff" default-active="/" :router="true">
        <el-menu-item index="/">首页</el-menu-item>
        <el-menu-item index="/tree">文件</el-menu-item>
        <el-menu-item index="/download">下载</el-menu-item>
        <el-menu-item index="/about">个人</el-menu-item>
      </el-menu>
    </div>
    <div class="empty"></div>
  </div>
</template>

<script>
export default {
  name: 'PageHead',
  components: {},
  data() {
    return {}
  },
  created() {

  },
  methods: {
  }
}
</script>

<style scoped lang="scss">
.nav{
  background-color: #545c64;
  padding-left: 10px;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: $navHeight;
  z-index: 100;
}

.logo{
  height:50px;
}

.title{
  color:#fff;
  margin-left:10px;
}
.empty{
  height: $navHeight;
}
</style>
